@import "./configuration.scss";

.setContainer {
  min-height: 100%;
  padding-bottom: 0.94rem;
  background-color: #ffffff;
  font-family: "MiSans-Regular";
  box-sizing: border-box;
}
.setHeadBox {
  width: 100%;
  margin-top: 0.04rem;
  padding: 0 0.51rem;
  box-sizing: border-box;
}
.setHeadTit {
  font-size: 0.61rem;
  color: $main-color;
  font-family: "MiSans-Normal";
}
.setHeadName {
  font-size: 0.29rem;
  color: $sec-color;
}
.setLineBox {
  width: 100%;
  padding: 0 0.56rem;
  box-sizing: border-box;
  margin: 0.55rem 0;
}
.setDayBox {
  width: 100%;
  padding-left: 0.56rem;
  padding-right: 0.42rem;
  box-sizing: border-box;
  @include flex(row, space-between, center);
}
.setLine {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.setDayTit {
    width: 4.68rem;
  font-size: 0.29rem;
  font-family: "MiSans-Medium";
  color: $main-color;
}
.setDayRight {
  @include flex(row, flex-start, center);
  .setDayRightTxt {
    width: 0.81rem;
    text-align: right;
    color: $sec-color;
    font-size: 0.26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .setDayRightIcon {
    width: 0.63rem;
    height: 0.63rem;
  }
}

.exitBtnBox {
  width: 100%;
  height: 2.28rem;
  padding: 0 0.56rem;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
}
.exitBtnTxt {
  text-align: center;
  font-size: 0.25rem;
  font-family: "MiSans-Regular";
  margin-top: 0.42rem;
  text-decoration: underline;
  color: #000000;
}

.exitBtn {
  width: 100%;
  background-color: $btn-bc-color;
  height: 0.97rem;
  border-radius: 0.69rem;
  font-size: 0.33rem;
  font-family: "MiSans-Medium";
  color: #ffffff;
  @include flex(row, center, center);
}

.setExitPopupTit {
  font-size: 0.35rem;
  color: $main-color;
  font-family: "MiSans-Medium";
  text-align: center;
  padding-top: 0.56rem;
}
.setExitPopupTxt {
  width: 5.83rem;
  font-size: 0.3rem;
  color: $rich-color;
  font-family: "MiSans-Regular";
  margin: 0.35rem auto 0.56rem;
}

.setExitPopupTxted {
  margin-top: 0.56rem;
}

.setExitBtnBox {
  width: 100%;
  padding: 0 0.56rem;
  box-sizing: border-box;
  @include flex(row, space-between, center);
}

.setExitBtnCancel,
.setExitBtnFix {
  width: 3.06rem;
  height: 0.97rem;
  border-radius: 0.69rem;
  font-size: 0.33rem;
  font-family: "MiSans-Medium";
  @include flex(row, center, center);
}

.setExitBtnFixed {
  width: 6.4rem;
}

.setExitBtnCancel {
  background-color: rgba(0, 0, 0, 0.06);
  color: $sec-color;
}
.setExitBtnFix {
  background-color: $btn-bc-color;
  color: #ffffff;
}
.setDayLi {
  width: 100%;
  height: 1.18rem;
  padding: 0 0.56rem;
  box-sizing: border-box;
  @include flex(row, space-between, center);
}
.setDayLiTxt {
  font-size: 0.35rem;
  color: $main-color;
  font-family: "MiSans-Medium";
}
.setDayUl {
  margin-top: 0.35rem;
  margin-bottom: 0.28rem;
}
.setDayLiSelect {
  line-height: 0;
}
.setDayLiSelect,
.setDayLiSelectIcon {
  width: 0.47rem;
  height: 0.47rem;
}
.setDayTxt {
    font-size: 0.25rem;
    color: $sec-color;
    text-align: justify;
}

.hosFootBtnBox {
    width: 100%;
    padding: 2.54rem 0.31rem 0.61rem;
    box-sizing: border-box;
}

.hosFootExitBtn {
    width: 100%;
    height: 0.96rem;
    background: rgba(0,0,0,0.06);
    border-radius: 0.31rem;
    font-family: "MiSans-Medium";
    font-size: 0.33rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.80);
    @include flex(row, center, center);
}

.hosFootRevokeBtn {
    font-family: "MiSans-Regular";
    text-align: center;
    text-decoration: underline;
    font-size: 0.25rem;
    color: #000000;
    font-weight: 400;
    line-height: 0.29rem;
    margin-top: 0.34rem;
}